<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    /*.outer{*/
    /*    height: 100px;*/
    /*}*/
    /*.left{*/
    /*    float: left;*/
    /*    width: 200px;*/
    /*    height: 100px;*/
    /*    background: #17deb9;*/
    /*}*/
    /*.right{*/
    /*    height: 100px;*/
    /*    margin-left: 200px;*/
    /*    width: auto;*/
    /*    background: #9a6e3a;*/

    /*}*/

    .outer{
        height: 100px;
        display: flex;
    }
    .left{
        width: 200px;
        /*height: 100px;*/
        background: #17deb9;
    }
    .right{
        width: 200px;
        /*height: 100px;*/
        background: #55a532;
    }
    .center{
        /*!*height: 100px;*!*/
        background: red;
        flex: 1;
    }
</style>
<body>
<!--两栏布局-->
<!--<div class="outer">-->
<!--    <div class="left"></div>-->
<!--    <div class="right"></div>-->
<!--</div>-->

<!--三栏-->
<div class="outer">
    <div class="left"></div>
    <div class="center"></div>
    <div class="right"></div>
</div>
</body>
</html>
<script !src="">

</script>
